/* Debug panel */

#panel-debug {
	max-width: 600px;
	width: 600px;
	height: auto;
	max-height: 420px;
}

#panel-debug .console {
	overflow: auto;
	max-height: 300px;
}

#panel-debug .console p {
	padding: 2px 5px;
	margin: 2px 0 0 0;
	line-height: 26px;
}

#panel-debug .console span {
	padding: 2px 6px;
	margin-right: 6px;
	border-radius: 6px;
}

#panel-debug .console span.error {
	background-color: $red;
	color: $anchor-fg;
}

#panel-debug .console span.error-message {
	background-color: $red;
	color: $anchor-fg;
}

#panel-debug .console span.log-message {
	color: $anchor-fg-dark;
	background-color: $anchor-fg;
}

#panel-debug .console span.date {
	background-color: $azure;
}

#panel-debug .console span.namespace {
	background-color: $red;
	color: $anchor-fg;
}

#panel-debug .console span.namespace.game-ui {
	background-color: $biloba;
	color: $anchor-fg-dark;
}

#panel-debug .console span.namespace.game-world {
	background-color: $blue;
}

#panel-debug .console span.namespace.game-achievement {
	background-color: $green;
}

#panel-debug .console span.namespace.game-event {
	background-color: $azure;
	color: $anchor-fg-dark;
}

#panel-debug textarea {
	width: 100%;
	height: 200px;
	padding: 5px;
	border: 0;
	box-shadow: inset 0 0 10px 0 hsla(0, 0%, 0%, 0.75);
	font-size: 10px;
	resize: none !important;
	box-sizing: border-box;
}
